<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>foundation</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/foundation.css">

</head>
<body>
<div class="header">
	<div class="header-inner">
		<img  class="circle" src="images/circle_03.gif">
	  <h1>
	  	<a href="#">
        <span style="color:rgb(216,69,0)">Eagles</span>
        <span style="color:rgb(247,247,247)">Troop</span>
        </a>
      </h1>
		<ul class="nav">
			<li><a href="index.html">About</a></li>
			<li><a href="#"><span style="color:rgb(204,36,0)">Foundation</span></a></li>
			<li><a href="pro.html">Program</a></li>
			<li><a href="#">Gallery</a></li>
			<li><a href="#">Leaders</a></li>
			<li><a href="#">Contacts</a></li>
		</ul>
	</div>	
</div>



<!-- main部分 -->
<div class="main">       
  <div class="main-inner">
       <img src="images/main_top_03.gif" >  
	<!-- content -->
	<div class="content">
				<h1>Foundation</h1>
<p class="lorem-one">
<span style="color:white"><b>Lorem ipsum dolor sit amet,consetetur sadipscing elitr</span> sed diam nonumy eirmod tempor<br> incidunt ut labore et dolore magna aliquyam erat,sed diam voluptua.At vero eos et accusam et<br>justo duo dolores et ea rebum.Set clita kasd gubergren,no seatakimata sanctus est Lorem<br>ipsum dolor sit amet.</b></p>

          <img src="images/foundation_boy_03.gif" >

<p class="lorem-two">
<b>Lorem ipsum dolor sit amet,consetetur sadipscing elitr<br>sed diam nonumy eirmod tempor incidunt ut labore et<br>dolore magna aliquyam erat,sed diam voluptua.At vero<br>eos et accusam et justo duo dolores et ea rebum.Stet<br>clita kasd gubergren,no seatakimata sanctus est Lorem<br>ipsum dolor sit amet.Lorem ipsum dolor sit amet,<br>consetetur sadipscing elitr.</b>
</p>
<p class="sed">
	<b>sed diam nonumy eirmod tempor incidunt ut labore et dolore magna aliquyam erat,sed diam<br>voluptua.At vero eos et accusam et justo duo dolores et ea rebum.Stet clita kasd gubergren,<br>no seatakimata sanctus est Lorem ipsum dolor sit amet.</b>
</p>	
<div class="clear-box"></div>
    <div class="more" style="margin:15px">more</div>		
 


  </div>

<!-- sidebar部分 -->

<div class="sidebar">
		<div class="roll">
		Honor Roll
	</div>
	<p class="con">
	<b>Consetetur sadipscing elitr sed diam<br> nonumy eirmod tempor incidunt ut labore et<br>dolore magna aliquyam erat,sed diam<br>voluptua.At vero eos et accusam et justo<br>duo dolores et ea rebum.</b>	
	</p>
	<ul>
	<li>2005 <span style="color:rgb(127,127,127)">Bryce Dallas Howard</span></li>
	<li>2006 <span style="color:rgb(127,127,127)">Gwen Stacy</span> </li>
	<li>2007 <span style="color:rgb(127,127,127)">Rosemary Harris</span></li>
	<li>2008 <span style="color:rgb(127,127,127)">May Parker</span></li>
	<li>2009 <span style="color:rgb(127,127,127)">J.K.Simmons</span> </li>
	<li>2010 <span style="color:rgb(127,127,127)">J.Jonah Jameson</span></li>
	<li>2011 <span style="color:rgb(127,127,127)">James Cromwell</span> </li>
	<li style="border-color:rgb(30,32,32)">2012 <span style="color:rgb(127,127,127)">Theresa Russell</span> </li>

    </ul>


	</div>

<div class="clear-box"></div>
</div>










<!-- footer部分 -->
<div class="footer">
	    	<p>
	    		Eagles Troops © 2012<br>
	    		<a href="#">Website Template</a>by TemplateMonster.com
	    	</p>
           <img src="images/facebook_12.gif">

	</div>


</body>
</html>